<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 
        DOM  document object model 文档对象模型(html文档  element  映射模型)
        BOM brower  object model   浏览器对象模型 操作一些浏览器的功能
        window 对象   window时浏览器的顶级对象
        document     文档对象(整个html文件)
        location     地址栏对象
        history      历史纪录
        navigator    浏览器的一些信息对象，userAgent  客户端信息
        screen       屏幕对象


        window 对象
            1.全局变量都是window对象的作用范围
            2.window对象的属性和方法，可以不使用window对象，直接访问
                alert()
                prompt()
                confirm()
                open('url','_bink/_self','参数')

        定时器：
            setTimeout  延时器
            clearTimeout   清除延时器

        事件：
        load      等网页加载完成以后触发的事件(等 图片 视频加载完)  //在onload里面可以执行多个事件
        resize    浏览器窗口发生变化的时候触发的事件
        DOMContentLoaded  

        history对象  ：历史纪录
            属性：

     -->


     <button>打开网址</button>
     <button class="testTime">开始计时Timeout</button>
     <button class="clearTime">清除延时Timeout</button>
    <script>
        document.querySelector('button').onclick=function()
        {
            open('http://baidu.com','_bink','width=300px,height=300px,')
        }
        var timerid;
        document.querySelector('.testTime').onclick=function()
        {
            timerid=setTimeout(function(){
                console.log('这是一个延时器');
            },2000)  //这个延时器只会执行一次
            console.log('timeID==>',timerid);
        }
        document.querySelector(".clearTime").onclick=function()
        {
            clearTimeout(timerid)  //清除延时器
        }
    </script>
    
</body>
</html>